$highlight-background   = #f7f7f7
$highlight-current-line = #efefef
$highlight-selection    = #d6d6d6
$highlight-foreground   = #4d4d4c
$highlight-comment      = #8e908c
$highlight-red          = #c82829
$highlight-orange       = #f5871f
$highlight-yellow       = #eab700
$highlight-green        = #718c00
$highlight-aqua         = #3e999f
$highlight-blue         = #4271ae
$highlight-purple       = #8959a8
$highlight-deletion     = #fdd
$highlight-addition     = #dfd

$code-block
  overflow auto
  margin 20px 0
  padding 15px
  font-size $code-font-size;
  color $highlight-foreground;
  background $highlight-background
  line-height $line-height-code-block

pre, code
  font-family $code-font-family

code
  padding 2px 4px
  word-wrap  break-all
  color $highlight-foreground
  background $highlight-background
  border-radius $code-border-radius
  font-size $code-font-size

pre
  @extend $code-block

  code
    padding 0
    color $highlight-foreground
    background none
    text-shadow none

.highlight
  @extend $code-block;

  pre
    border none
    margin 0
    padding 1px

  table
    margin 0
    width auto
    border none

  td
    border none
    padding 0

  figcaption
    clearfix()
    font-size 1em;
    color $highlight-foreground
    line-height 1em
    margin-bottom 1em

    a
      float right
      color $highlight-foreground

      &:hover
        border-bottom-color $highlight-foreground

  .gutter pre
    color $grey-dim
    text-align right
    padding-right 20px

  .line
    height 20px


.gutter
  -webkit-user-select none
  -moz-user-select none
  -ms-user-select none
  user-select none

.gist table
  width auto

  td
    border none

// For diff highlight
pre .deletion
  background $highlight-deletion
pre .addition
  background $highlight-addition
pre .meta
  color $highlight-purple

pre
  .comment
    color $highlight-comment

  .variable
  .attribute
  .tag
  .regexp
  .ruby .constant
  .xml .tag .title
  .xml .pi
  .xml .doctype
  .html .doctype
  .css .id
  .css .class
  .css .pseudo
    color $highlight-red

  .number
  .preprocessor
  .built_in
  .literal
  .params
  .constant
  .command
  .builtin-name
    color $highlight-orange

  .ruby .class .title
  .css .rules .attribute
  .string
  .value
  .inheritance
  .header
  .ruby .symbol
  .xml .cdata
  .special
  .number
  .formula
    color $highlight-green

  .title
  .css .hexcolor
    color $highlight-aqua

  .function
  .python .decorator
  .python .title
  .ruby .function .title
  .ruby .title .keyword
  .perl .sub
  .javascript .title
  .coffeescript .title
    color $highlight-blue

  .keyword
  .javascript .function
    color $highlight-purple
